<!DOCTYPE html>
<html>
	<% include ../includes/header %>
</head>
<body class="skin-blue">
	<% include ../includes/navbar %>

            <!-- Right side column. Contains the navbar and content of the page -->
            <aside class="right-side">
                <!-- Content Header (Page header) -->
                <section class="content-header">
                    <h1>
                        PROCESS PAYMENT
                        <small>Dashboard</small>
                    </h1>
                    <ol class="breadcrumb">
                        <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li>
                        <li class="active">Dashboard</li>
                    </ol>
                </section>
				
                <!-- Main content -->
                <section class="content">
					<div class="col-lg-10 col-lg-offset-1 text-center">
						<div class="row ">
	                        <div class="col-md-12">
	                            <div class="box">
	                                <div class="box-header">
	                                    <h3 class="box-title">Latest Payments</h3>
	                                </div><!-- /.box-header -->
	                                <div class="box-body">
	                                    <table class="table table-bordered">
	                                            <tr>
											        <th>Username</th>
											        <th>Price</th>
											        <th>Date Added</th>
											        <th width="120px">Action</th>
											    </tr>                               
											    <% if(records.length){ 
											     for(var i = 0;i < records.length;i++) { %>                 
											    <tr>
											        <td><%=records[i].username%></td>
											        <td><%=records[i].price%></td>
											        <td><%=records[i].date_added%></td>
											        <td>
											            <a class="a-inside edit" href="../<%= controller %>/edit/<%=records[i].id%>">Edit</a>                       
											            <a class="a-inside delete" href="../<%= controller %>/delete/<%=records[i].id%>">Delete</a>                       
											        </td>
											    </tr>
											<% }
											 }else{ %>
											     <tr>
											        <td colspan="6">No Company</td>
											     </tr>
											<% } %>
	                                       
	                                    </table>
	                                </div><!-- /.box-body -->
	                                <div class="box-footer clearfix">
	                                    <% include ../includes/pagination %>
	                                </div>
	                            </div><!-- /.box -->
                            </div>
						</div>
					</div>
					
                </section><!-- /.content -->
            </aside><!-- /.right-side -->
        </div><!-- ./wrapper -->

	<% include ../includes/footer %>
</body>
</html>